<template>
  <div>
    <el-descriptions :column="3" border>
      <el-descriptions-item label="投诉标题">
        {{ complaintsObj.title }}
      </el-descriptions-item>
      <el-descriptions-item label="投诉单号">
        {{ complaintsObj.no }}
      </el-descriptions-item>
      <el-descriptions-item label="投诉电话">
        {{ complaintsObj.applyPhone }}
      </el-descriptions-item>
      <el-descriptions-item label="投诉者姓名">
        {{ complaintsObj.applyName }}
      </el-descriptions-item>
      <el-descriptions-item label="分类">
        <dict-tag :options="dict.type.complaints_category" :value="complaintsObj.applyCategory"/>
      </el-descriptions-item>
      <el-descriptions-item label="投诉的内容">
        {{ complaintsObj.applyContent }}
      </el-descriptions-item>
      <el-descriptions-item label="诉求">
        {{ complaintsObj.applyRequirements }}
      </el-descriptions-item>
      <el-descriptions-item label="投诉商户编号">
        {{ complaintsObj.applyHouse }}
      </el-descriptions-item>
      <el-descriptions-item label="投诉时间">
        {{ complaintsObj.applyTime }}
      </el-descriptions-item>
      <el-descriptions-item label="投诉图片">
        <image-preview :src="complaintsObj.applyImg" width="40px" height="40px"></image-preview>
      </el-descriptions-item>
      <el-descriptions-item label="受理说明">
        {{ complaintsObj.appContent }}
      </el-descriptions-item>
      <el-descriptions-item label="受理时间">
        {{ complaintsObj.appTime }}
      </el-descriptions-item>
      <el-descriptions-item label="处理方案">
        {{ complaintsObj.confirmContent }}
      </el-descriptions-item>
      <el-descriptions-item label="处理人姓名">
        {{ complaintsObj.assigneeUserName }}
      </el-descriptions-item>
      <el-descriptions-item label="处理备注">
        {{ complaintsObj.assigneeContent }}
      </el-descriptions-item>
      <el-descriptions-item label="状态">
        <dict-tag :options="dict.type.complaints_state" :value="complaintsObj.complaintsState"/>
      </el-descriptions-item>
      <el-descriptions-item label="评价结果">
        <dict-tag :options="dict.type.return_result" :value="complaintsObj.ownerScore"/>
      </el-descriptions-item>
      <el-descriptions-item label="评价内容">
        {{ complaintsObj.ownerScoreRemark }}
      </el-descriptions-item>
      <el-descriptions-item label="工单结束时间">
        {{ complaintsObj.endTime }}
      </el-descriptions-item>
      <el-descriptions-item label="总耗时">
        {{ complaintsObj.timeConsum }} 小时
      </el-descriptions-item>
      <el-descriptions-item label="数据来源">
        <dict-tag :options="dict.type.flow_client" :value="complaintsObj.client"/>
      </el-descriptions-item>
      <el-descriptions-item label="优先级">
        {{ complaintsObj.priority }}
      </el-descriptions-item>
      <el-descriptions-item label="回访状态">
        <dict-tag :options="dict.type.return_state" :value="complaintsObj.returnState"/>
      </el-descriptions-item>
      <el-descriptions-item label="回访结果">
        <dict-tag :options="dict.type.return_result" :value="complaintsObj.returnResult"/>
      </el-descriptions-item>
      <el-descriptions-item label="回访意见">
        {{ complaintsObj.returnRemark }}
      </el-descriptions-item>

    </el-descriptions>
  </div>
</template>

<script>
export default {
  name: "complaints-detail",
  dicts: ['complaints_category', 'return_state', 'flow_client', 'complaints_state','return_result'],
  props: {
    complaintsObj: {
      type: Object,
      default: {}
    }
  }
}
</script>

<style>
</style>
